<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/rem.js"></script>
		<link rel="stylesheet" href="font/iconfont.css"/>
		<link rel="stylesheet" href="css/index.css"/>
	</head>
	<body>
		<!-- header -->
		<header>
			<form>
				<i class="iconfont icon-search"></i>
				<input type="text" placeholder="社保公积金查询"/>
				<i class="iconfont icon-huatong"/></i>
			</form>
			<div>
				<i class="iconfont icon-tongxunlu1"></i>
				<i class="iconfont icon-gengduo"></i>
			</div>
		</header>
		<!-- nav -->
		<nav>
			<ul>
			<li>
				<i class="iconfont icon-sao"></i>
				<span>扫一扫</span>
			</li>
			<li>
				<i class="iconfont icon-fukuan"></i>
				<span>付款</span>
			</li>
			<li>
				<i></i>
				<span>收钱</span>
			</li>
			<li>
				<i class="iconfont icon-qiabao"></i>
				<span>卡包</span>
			</li>
			</ul>
		</nav>
		<!-- main -->
		<main>
			<section>
				<ul>
					<li>
						<i class="iconfont icon-zhuanzhang"></i>
						<span>转账</span>
					</li>
					<li>
						<i class="iconfont icon-xinyongqia"></i>
						<span>信用卡还款</span>
					</li>
					<li>
						<i class="iconfont icon-shoujichongzhi"></i>
						<span>手机充值</span>
					</li>
					<li>
						<i class="iconfont icon-yuebao"></i>
						<span>余额宝</span>
					</li>
					<li>
						<i class="iconfont icon-taopiaopiao"></i>
						<span>淘票票</span>
					</li>
					<li>
						<i class="iconfont icon-didi"></i>
						<span>滴滴出行</span>
					</li>
					<li>
						<i class="iconfont icon-shenghuojiaofei"></i>
						<span>生活缴费</span>
					</li>
					<li>
						<i class="iconfont icon-jizhang"></i>
						<span>记账</span>
					</li>
					<li>
						<i class="iconfont icon-zhengxinchaxun-zhimaxinyong-"></i>
						<span>芝麻信用</span>
					</li>
					<li>
						<i class="iconfont icon-zhuanzhang"></i>
						<span>转账</span>
					</li>
					<li>
						<i class="iconfont icon-gengduo1" ></i>
						<span>更多</span>
					</li>
				</ul>
			</section>
			<section>
			</section>
			<section>
				<ul>
					<li>
						<a href="">快去捐步换取公益金啦</a>
						<span>4分钟前</span>
					</li>
					<li>
						<a href="">又有好友收取了你的绿色能量</a>
						<span>8小时前</span>
					</li>
				</ul>
			</section>
			<section></section>
			<section></section>
			<section></section>
			<section>
				<div class="title">
					<h3>惠支付</h3>
				</div>
				<div class="content clear">
				<dl>
					<dd>
						<p>天天抽大奖</p>
						<p>手机现金免费抽</p>
					</dd>
					<dt><img src="img/l.png"/></dt>
				</dl>
				<span></span>
				<dl>
					<dd>
						<p>赚钱红包升级</p>
						<p>三份赏金到手</p>
					</dd>
					<dt><img src="img/r.png"></dt>
				</dl>
				</div>
			</section>
		</main>
		<!-- footer -->
		<footer>
			<ul>
				<li>
					<i class="iconfont icon-zhifubao"></i>
					<span>首页</span>
				</li>
				<li>
					<i class="iconfont icon-caifuzhi"></i>
					<span>财富</span>
				</li>
				<li>
					<i class="iconfont icon-koubei"></i>
					<span>口碑</span>
				</li>
				<li>
					<i class="iconfont icon-pengyou"></i>
					<span>朋友</span>
				</li>
				<li>
					<i class="iconfont icon-wode"></i>
					<span>我的</span>
				</li>	
			</ul>
		</footer>
	</body>
</html>
